<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/contactUs.css">
    <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/animate.js"></script>
    <script src="js/common.js"></script>
</head>

<body>
    <!-- 头 -->
    <div id="header">
        <div class="container">
            <div class="left"><a href="#">欢迎来到HOUSE家居网！</a></div>
            <div class="right">
                <img src="images/tel.png" alt="图片"><a href="#">400-00-000xxx</a>
                <img class="mail" src="images/mail.png" alt="图片"><a href="#">1234567xxx@gmail.com </a>

            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav">
        <div class="container">
            <a href="index.html"><img src="images/logo.png" alt=""></a>
            <div class="right clearfix">
                <ul class="right">
                    <li><a href="index.html" target="_blank">首页</a></li>
                    <li><a href="aboutUs.html" target="_blank">关于我们</a></li>
                    <li><a href="contactUs.html" target="_blank">联系我们</a></li>
                    <li><a href="produce.html" target="_blank">产品展示</a></li>
                    <li><a href="news.html">新闻动态</a></li>
                    <li><a href="onlinMessage.html" target="_blank">在线留言</a></li>
                </ul>

            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <div class="content">
            <!-- 左按钮 -->
            <a href="javascript:;" class="arrow-l">
                < </a> <!-- 右按钮 -->
                    <a href="javascript:;" class="arrow-r"> > </a>
                    <!-- 核心滚动区 -->
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/banner5.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/banner1.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/banner2.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/banner3.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <!-- 小圆点 :用 排他思想 动态生成小圆点 -->
                    <ol class="circle">

                    </ol>
        </div>
    </div>
    <!-- 首页 -->
    <div id="index">
        <div class="container">
            <a href="#">首页>></a><a href="#">联系我们</a>
        </div>
    </div>
    <!-- 联系我们 -->
    <div id="contactUs">
        <div class="container">
            <h3><a href="#">联系我们</a></h3>
            <ul class="left">
                <li>
                    <ol>
                        <li><a href="#">床上用品</a></li>
                        <li><a href="#">家居饰品</a></li>
                        <li><a href="#">居家日用</a></li>
                        <li><a href="#">家居收纳</a></li>
                        <li><a href="#">厨房收纳</a></li>
                        <li><a href="#">厨房餐饮</a></li>
                    </ol>
                </li>
                <li><a href="#"><img src="images/08.jpg" alt=""></a></li>
            </ul>
            <ul class="right">
                <li>
                    <a href="#"><img src="images/map.jpg" alt=""></a>
                </li>
                <li class="right_bt">
                    <p>联系人：<a href="#">陈先生</a></p>
                    <p>咨询热线：<a href="#">400-000-xxxx / (021)-1234578xxx</a></p>
                    <p>联系邮箱：<a href="#"> 12385963xxxx@gmail.com</a></p>
                    <p>公司地址：<a href="#"> 中国上海市xxx区xxx路12号moumou大厦5层5xx室</a></p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="foot">
        <div class="top">
            <div class="container">
                <ul>
                    <li class="top_left">
                        <p class="logo2"><a href="#"><img src="images/logo2.jpg" alt=""></a></p>
                        <p><a class="map" href="#"></a><a href="#">中国上海市xxx区xxx路12号moumou大厦5层5xx室</a></p>
                        <p><a class="tel" href="#"></a><a href="#">400-000-xxxx / (021)-1234578xxx</a></p>
                        <p><a class="email" href="#"></a><a href="#">12385963xxxx@gmail.com</a></p>
                    </li>
                    <li class="top_middle">
                        <p><a href="#">快速连接</a></p>
                        <ul class="middle_l">
                            <li> <a href="#">> 网站首页 </a></li>
                            <li> <a href="#">> 产品展示 </a></li>
                            <li> <a href="#">> 在线留言 </a></li>
                            <li> <a href="#">> 关于我们 </a></li>
                            <li> <a href="#">> 新闻动态 </a></li>
                            <li> <a href="#">> 联系我们 </a></li>
                        </ul>
                    </li>
                    <li class="top_right">
                        <p class="sub"><a href="#">站内搜索</a></p>
                        <p class="search"><input type="text" value="请输入文字"><button type="submit">搜索</button></p>
                        <p class="followUs">
                            <a href="#">关注我们</a>
                            <a href="#" class="mic"></a>
                            <a href="#" class="wechat"></a>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div class="container">Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载
            </div>
        </div>
    </div>
</body>

</html>